<template>
  <i-row>
    <i-col span="24" i-class="col-class">
      <i-card title="何柏江" extra="92分 优秀" thumb="https://i.loli.net/2017/08/21/599a521472424.jpg">
        <view slot="content">
          <i-row>
            北京师范大学附属中学 | 20160823
          </i-row>
          <i-row>&nbsp;</i-row>
          <i-row>
            <i-col span="12">
              <i-row>身体形态</i-row>
              <i-row><i-rate :disabled="true" :value="bodyShape"/></i-row>
            </i-col>
            <i-col span="12">
              <i-row>身体机能</i-row>
              <i-row><i-rate :disabled="true" :value="bodyFunction"/></i-row>
            </i-col>
          </i-row>
          <i-row>
            <i-col span="12">
              <i-row>身体素质</i-row>
              <i-row><i-rate :disabled="true" :value="physicalFitness"/></i-row>
            </i-col>
            <i-col span="12">
              <i-row>拓展测试</i-row>
              <i-row><i-rate :disabled="true" :value="extendedTesting"/></i-row>
            </i-col>
          </i-row>
          <i-row>
            <i-col offset="12" span="12">
              <i-button size="small" shape="circle" type="success" @click="jump('/pages/physicalDetail/main')">查看详情</i-button>
            </i-col>
          </i-row>
        </view>
      </i-card>
    </i-col>
  </i-row>
</template>

<script>
  export default {
    name: 'personInfo',
    data: () => ({
      bodyShape: 3,
      bodyFunction: 4,
      physicalFitness: 5,
      extendedTesting: 2
    }),
    methods: {
      jump (url) {
        wx.navigateTo({url: url})
      }
    }
  }
</script>

<style scoped>

</style>
